<template>
  <div class="check--right1--top">
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">峡部</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['0'],small:size == 'small' }]">
            <span>前后径(cm):</span>
            <span>{{ breastMeasure["0"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">右叶</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['1'],small:size == 'small' }]">
            <span>左右径(cm):</span>
            <span>{{ breastMeasure["1"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['2'],small:size == 'small'}]">
            <span>前后径(cm):</span>
            <span>{{ breastMeasure["2"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['3'],small:size == 'small' }]">
            <span>上下径(cm):</span>
            <span>{{ breastMeasure["3"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">左叶</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['4'],small:size == 'small' }]">
            <span>左右径(cm):</span>
            <span>{{ breastMeasure["4"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['5'],small:size == 'small' }]">
            <span>前后径(cm):</span>
            <span>{{ breastMeasure["5"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: breastMeasure['6'],small:size == 'small'}]">
            <span>上下径(cm):</span>
            <span>{{ breastMeasure["6"] }}</span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "BreastMeasure",
  props: ["breastMeasure","size"],
};
</script>

<style scoped lang="less">
@import "~@/assets/css/measure.less";
</style>
